<template>
    <div>
           <h1>我是子组件</h1> 
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup() {
        function SunPrint(data:String){
            console.log('子组件打印 ， ' + data);
        }

        return {
            SunPrint,       //需要发送出去才能调用
        }
    },
})
</script>

<style >
.back{
    background-color: #666;

}


</style>